<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>概念表</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <!-- jqgrid-->
    <link href="css/plugins/jqgrid/ui.jqgrid.css?0820" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css?v=4.1.0" rel="stylesheet">
</head>

<body class="gray-bg">
<div class="wrapper wrapper-content  animated fadeInRight">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox ">
                <div class="ibox-title">
                    <h5>概念表</h5>
                </div>
                <div class="ibox-content">
                    <div class="jqGrid_wrapper">
                        <table id="table_concept"></table>
                        <div id="pager_concept"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--用于添加数据的表单-->
<div class="modal fade" id="addDlg" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">添加数据</h4>
            </div>
            <div class="modal-body">
                <form name="add" id="form_add" class="form-horizontal" style="">
                    <div>
                        <label for="addconceptId" class="col-sm-2 control-label" style="margin:0 auto;">序号：</label>
                        <input class="form-control" type="text" id="addconceptId" name="conceptId" style="width:180px;margin:0 auto;"/>
                        <br/>

                        <label for="addvariaName" class="col-sm-2 control-label" style="margin:0 auto;">名字：</label>
                        <input class="form-control" type="text" id="addvariaName" name="variaName" style="width:180px;margin:0 auto;"/>
                        <br/>

                        <label for="addparentId" class="col-sm-2 control-label" style="margin:0 auto;">备注：</label>
                        <input class="form-control" type="text" id="addparentId" name="parentId" style="width:180px;margin:0 auto;"/>
                        <br/>

                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button id="add_button" type="submit" class="btn btn-primary" >确定</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!--用于编辑数据的表单-->
<div class="modal fade" id="editDlg" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="edit">编辑数据</h4>
            </div>
            <div class="modal-body">
                <form name="add" id="form_edit" class="form-horizontal" style="">
                    <div>
                        <label for="editconceptId" class="col-sm-2 control-label" style="margin:0 auto;">序号：</label>
                        <input class="form-control" type="text" id="editconceptId" name="conceptId" style="width:180px;margin:0 auto;"/><br/>
                        <label for="editvariaName" class="col-sm-2 control-label" style="margin:0 auto;">名称：</label>
                        <input class="form-control" type="text" id="editvariaName" name="variaName" style="width:180px;margin:0 auto;"/><br/>
                        <label for="editparentId" class="col-sm-2 control-label" style="margin:0 auto;">父序号：</label>
                        <input class="form-control" type="text" id="editparentId" name="parentId" style="width:180px;margin:0 auto;"/><br/>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button id="update_button" type="button" class="btn btn-primary" >确定</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!--用于查找数据的表单-->
<div class="modal fade" id="searchDlg" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="search">查找数据</h4>
            </div>
            <div class="modal-body">
                <select class="form-control" id="search_select" style="width:auto;margin:0 auto;position:absolute">
                    <option value="conceptId">序号</option>
                    <option value="variaName">名称</option>
                    <option value="parentId">父序号</option>
                </select>
                <form id="form_search">
                    <input class="form-control" style="width:auto;margin:0 auto" type="text" id="search_input" name="search_input" />
                </form>
                <!--</div>-->
            </div>
            <div class="modal-footer">
                <button id="search_button" type="button" class="btn btn-primary">确定</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

<!-- 全局js -->
<script src="js/jquery.min.js?v=2.1.4"></script>
<script src="js/bootstrap.min.js?v=3.3.6"></script>
<!-- Peity -->
<script src="js/plugins/peity/jquery.peity.min.js"></script>
<!-- jqGrid -->
<script src="js/plugins/jqgrid/i18n/grid.locale-cn.js?0820"></script>
<script src="js/plugins/jqgrid/jquery.jqGrid.min.js?0820"></script>
<!--layer-->
<script src="js/plugins/layer/layer.min.js"></script>
<!--validate-->
<script src="js/plugins/validate/jquery.validate.min.js"></script>
<script src="js/plugins/validate/messages_zh.min.js"></script>
<!-- 自定义js -->
<script src="js/content.js?v=1.0.0"></script>

<script src="js/apps/concept/concept.js"></script>
<script src="js/apps/common.js"></script>


</body>
</html>